<div class="input-group" tooltip="{{field.nickname}}">
  <div class="input-group-prepend w-25">
        <span class="input-group-text w-100 bg-info border-info justify-content-center text-white overflow-hidden">
          <span>{{field.nickname}}</span>
        </span>
  </div>
  <input [owlDateTimeTrigger]="dt10" [owlDateTime]="dt10" type="text" class="form-control border-info border-left-0 border-right-0"
         (focus)="field.focus($event)" (blur)="field.blur($event)" [value]="field.value()">
  <owl-date-time #dt10 [pickerType]="'calendar'"></owl-date-time>
  <div class="input-group-append">
    <span class="input-group-text bg-white border-info text-secondary overflow-hidden">
      <fa-icon [icon]="field.icon"></fa-icon>
    </span>
  </div>
</div>